<template>
	<view class="t-page">
		<view class="t-login">
			<!-- 标题 -->
			<view class="t-b">{{ title }}</view>
			<view class="t-b2">欢迎光顾，碧华自助自习室！</view>
			<form class="cl">
				<view class="t-a">
					<image src="../../static/images/login/phone.png"></image>
					<view class="line"></view>
					<input type="number" name="phone" placeholder="请输入手机号" maxlength="11" v-model="phone" />
				</view>
				<view class="t-a">
					<image src="../../static/images/login/yanzhengma.png"></image>
					<view class="line"></view>
					<input type="number" name="code" maxlength="6" placeholder="请输入验证码" v-model="yzm" />
					<view v-if="showText" class="t-c" @tap="getCode()" @click="getCode()">发送短信</view>
					<view v-else class="t-c" style="background-color: #A7A7A7;">重新发送({{ second }})</view>
				</view>
				<button @tap="login()">登 录</button>
			</form>
			<view class="t-f"><text>————— 第三方账号登录 —————</text></view>
			<view class="t-e cl">
				<view v-if="appMp || appMINI" class="t-g" @tap="goPage('/pages/login/index')"><image src="../../static/images/login/wechat.png"></image></view>
				<view class="t-g" @tap="passwordLogin()"><image src="../../static/images/login/passwordlogin.png"></image></view>
			</view>
		</view>
	</view>
</template>
<script  src="./login.js">

</script>
<style scoped lang="scss">
    @import 'login.scss';	
</style>
